<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>江西师范大学计算机信息工程学院</title>
    <!-- 引入Normalize.css重置样式 -->
    <link rel="stylesheet" href="./styles/normalize.css">
    <!-- 引入自定义样式 -->
    <link rel="stylesheet" href="./style/styles.css">
</head>

<body>
    <!-- 1.页面头部 -->
    <header>
        <div class="logo">
            <img src="./image/logo.png" alt="江西师范大学计算机信息工程学院" />
            <!--<h1>江西师范大学计算机信息工程学院</h1>-->
        </div>
        <!-- 搜索框区域 -->
        <div class="search-area">
            <input type="text" placeholder="请输入关键字" class="search-input">
            <button class="search-btn">
                <i class="icon-search"></i>
            </button>
        </div>
    </header>

    <!-- 2.页面导航 -->
    <nav aria-label="页面导航">
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">学院概况
                    <ul>
                        <li><a href="#">学院简介</a></li>
                        <li><a href="#">现任领导</a></li>
                        <li><a href="#">学术委员会</a></li>
                        <li><a href="#">学位评定分委员会</a></li>
                        <li><a href="#">教学委员会</a></li>
                        <li><a href="#">内设机构</a></li>
                        <li><a href="#">学院制度</a></li>
                    </ul>
                </a></li>
            <li><a href="#">人才培养
                    <ul>
                        <li><a href="#">本科生教育</a></li>
                        <li><a href="#">研究生教育</a></li>
                    </ul>
                </a></li>
            <li><a href="#">科学研究
                    <ul>
                        <li><a href="#">科研团队</a></li>
                        <li><a href="#">科研平台</a></li>
                        <li><a href="#">社会团体</a></li>
                        <li><a href="#">科研动态</a></li>
                        <li><a href="#">科研成果</a></li>
                    </ul>
                </a></li>
            <li><a href="#">师资队伍
                    <ul>
                        <li><a href="#">博士生导师</a></li>
                        <li><a href="#">硕士生导师</a></li>
                        <li><a href="#">"十佳百优"教师</a></li>
                        <li><a href="#">专任教师</a></li>
                    </ul>
                </a></li>
            <li><a href="#">招生就业
                    <ul>
                        <li><a href="#">本科生</a></li>
                        <li><a href="#">研究生</a></li>
                    </ul>
                </a></li>
            <li><a href="#">党建工作</a></li>
            <li><a href="#">师德师风</a></li>
            <li><a href="#">学生工作
                    <ul>
                        <li><a href="#">学工新闻</a></li>
                        <li><a href="#">团学组织</a></li>
                        <li><a href="#">党员服务</a></li>
                        <li><a href="#">管理制度</a></li>
                        <li><a href="#">荣誉室</a></li>
                    </ul>
                </a></li>
            <li><a href="#">实验中心
                    <ul>
                        <li><a href="#">中心概况</a></li>
                        <li><a href="#">综合实验室</a></li>
                        <li><a href="#">硬件实验室</a></li>
                        <li><a href="#">大数据实验室</a></li>
                        <li><a href="#">网络实验室</a></li>
                        <li><a href="#">人工智能实验室</a></li>
                    </ul>
                </a></li>
            <li><a href="#">社会服务</a></li>
            <li><a href="#">校友之窗
                    <ul>
                        <li><a href="#">校友动态</a></li>
                        <li><a href="#">校友相册</a></li>
                        <li><a href="#">校友风采</a></li>
                    </ul>
                </a></li>
        </ul>
    </nav>


    <!-- 3. 页面主体 -->
    <main>
        <!-- 3.1 轮播图区域 -->
        <section aria-label="轮播图">
            <button class="carousel-btn prev" aria-label="上一张">‹</button>
            <button class="carousel-btn next" aria-label="下一张">›</button>
            <ul>
                <li><img src="./image/jxjjs.jpg" alt="教育家精神" /></li>
                <li><img src="./image/xj.jpg" alt="学纪" /></li>
                <li><img src="./image/ycyl.png" alt="勇创一流" /></li>
                <li><img src="./image/xsnh.jpg" alt="学术年会" /></li>
                <li><img src="./image/ypcq.png" alt="以评促改" /></li>
            </ul>
        </section>

        <!-- 主要内容区 - 采用两栏布局 -->
        <div class="news-notice-container">
            <!-- 学院新闻 -->
            <div class="news-section">
                <div class="section-header">
                    <img src="./image/news.png" alt="新闻" />
                    <i class="icon-news"></i>
                    <span>学院新闻</span>
                    <a href="#" class="more">更多&gt;</a>
                </div>
                <div class="news-content">
                    <div class="news-img">
                        <img src="./image/xw1.jpg" alt="新闻图片">
                        <div class="img-desc">人工智能学院召开新学期工作部署会</div>
                        <div class="img-pager">①②③④⑤⑥</div>
                    </div>
                    <ul class="news-list">
                        <li><a href="#">人工智能学院召开新学期工作部署会</a><span>09-06</span></li>
                        <li><a href="#">人工智能学院新学期深入教学一线开展巡...</a><span>09-02</span></li>
                        <li><a href="#">人工智能学院赴江西众灿互动科技股份有...</a><span>08-30</span></li>
                        <li><a href="#">加拿大蒙特利尔大学聂建云教授应邀莅临...</a><span>08-11</span></li>
                        <li><a href="#">人工智能学院（原计算机学院）开展暑假...</a><span>07-27</span></li>
                        <li><a href="#">宜春学院人工智能与信息工程学院来计...</a><span>07-10</span></li>
                    </ul>
                </div>
            </div>

            <!-- 通知公告 -->
            <div class="notice-section">
                <div class="section-header">
                    <img src="./image/notice.png" alt="通知" />
                    <i class="icon-notice"></i>
                    <span>通知公告</span>
                    <a href="#" class="more">更多&gt;</a>
                </div>
                <ul class="notice-list">
                    <li>
                        <div class="notice-date">
                            <div class="date-year">2025</div>
                            <div class="date-day">08-29</div>
                        </div>
                        <a href="#">中外学分互认项目缴费通知</a>
                    </li>
                    <li>
                        <div class="notice-date">
                            <div class="date-year">2025</div>
                            <div class="date-day">01-10</div>
                        </div>
                        <a href="#">江西师范大学2025年诚聘海内外高层次人才公告</a>
                    </li>
                    <li>
                        <div class="notice-date">
                            <div class="date-year">2024</div>
                            <div class="date-day">05-07</div>
                        </div>
                        <a href="#">江西师范大学诚聘学院院长、学术院长</a>
                    </li>
                    <li>
                        <div class="notice-date">
                            <div class="date-year">2023</div>
                            <div class="date-day">12-25</div>
                        </div>
                        <a href="#">江西师范大学2024年诚聘海内外高层次人才公告</a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="topic-function-row">
            <!-- 专题网站 -->
            <div class="topic-section">
                <div class="section-header">
                    <i class="icon-topic"></i>
                    <img src="./image/lanmu.png" alt="专题" />
                    <span>专题网站</span>
                    <a href="#" class="more">更多&gt;</a>
                </div>
                <div class="topic-list">
                    <img src="./image/szqh.jpg" alt="学习贯彻党的二十届三中全会精神">
                    <img src="./image/djxxjy.jpg" alt="党纪学习教育">
                    <img src="./image/zybx.png" alt="深入贯彻中央八项规定精神学习教育">
                </div>
            </div>

            <!-- 功能入口 -->
            <div class="function-section">
                <div class="function-list">
                    <a href="#" class="function-item">
                        <img src="./image/xyxx.png" alt="">
                        <i class="icon-mail"></i>
                        <span>学院信箱</span>
                    </a>
                    <a href="#" class="function-item">
                        <img src="./image/bangong.png" alt=""></img>
                        <i class="icon-office"></i>
                        <span>办公系统</span>
                    </a>
                    <a href="#" class="function-item">
                        <img src="./image/fuwu.png" alt=""></img>
                        <i class="icon-service"></i>
                        <span>服务大厅</span>
                    </a>
                    <a href="#" class="function-item">
                        <img src="./image/jiaowu.png" alt=""></img>
                        <i class="icon-edu"></i>
                        <span>教务在线</span>
                    </a>
                    <a href="#" class="function-item">
                        <img src="./image/tushuguan.png" alt=""></img>
                        <i class="icon-library"></i>
                        <span>CCF图书馆</span>
                    </a>
                    <a href="#" class="function-item">
                        <img src="./image/houtai.png" alt="后台登录">
                        <i class="icon-login"></i>
                        <span>后台登录</span>
                    </a>
                </div>
            </div>
        </div>
    </main>


    <!-- 4.页面底部 -->
    <footer>
        <!-- 左侧图标 -->
        <div class="icons">
            <img src="./image/shiye.png" alt="事业单位" />
            <img src="./image/jxnu.png" alt="江西师范大学" />
            <img src="./image/xueyuan.png" alt="计算机信息工程学院" />
        </div>

        <!-- 中间文字内容 -->
        <div class="content">
            <p>版权：江西师范大学(Jiangxi Normal University) ICP备案编号：赣B2-20050166号-1</p>
            <p>学校地址：［瑶湖校区］ 江西省南昌市紫阳大道99号 邮政编码：330022</p>
            <p>［青山湖校区］江西省南昌市北京西路437号 邮政编码：330027</p>
        </div>

        <!-- 右侧二维码 -->
        <div class="qr-code">
            <img src="./image/weixin.jpg" alt="微信公众号二维码" />
        </div>
    </footer>
</body>

</html>